<template>
    <article class="item show">
        <div class="cover">
            <a href="/computer-science/note/theme-shoka-doc/"
               itemprop="url"
               title="Hexo主题Shoka &amp; multi-markdown-it渲染器使用说明">
                <img src="https://tva4.sinaimg.cn/mw690/6833939bly1giclip4jbpj20zk0m87cv.jpg" alt="">
            </a>
        </div>
        <div class="info">
            <div class="meta">
                <span class="item" title="Created: 2020-08-13 20:45:48">
                    <span class="icon">
                        <i class="ic i-calendar"></i>
                    </span>
                    <time itemprop="dateCreated datePublished"
                          datetime="2020-08-13T20:45:48+08:00">2020-08-13</time>
                </span>
                <span class="item" title="Symbols count in article">
                    <span class="icon">
                        <i class="ic i-pen"></i>
                    </span>
                    <span>2k</span>
                    <span class="text">words</span>
                </span>
                <span class="item" title="Reading time">
                    <span class="icon">
                        <i class="ic i-clock"></i>
                    </span>
                    <span>2 mins</span>
                </span>
            </div>
            <h3>
                <a href="/computer-science/note/theme-shoka-doc/" itemprop="url"
                   title="Hexo主题Shoka &amp; multi-markdown-it渲染器使用说明">Hexo主题Shoka &
                multi-markdown-it渲染器使用说明</a>
            </h3>
            <div class="excerpt">跳票 N 久终于更新的简单的使用说明 hexo-theme-shoka ：本博客自用的主题
                hexo-renderer-multi-markdown-it：配套的 markdown 渲染器 已经支持 hexo 5。。。本文档和 bug 不定期更新中。
                如果有什么功能需求，欢迎留言。 当前版本更新至 0.2.5，更新记录点此 🚀快速开始 - 💌依赖插件 - 📌基本配置 - 🌈界面显示 - 🦄特殊功能 #
                设计缘由 前几年在 Bear 和 Evernote 上整理了大量笔记，非常喜欢 Bear 默认的 markdown 渲染样式。 后来因为换了安卓手机，用不了...
            </div>
            <div class="meta footer">
                <span>
                    <a href="/categories/computer-science/note/theme-shoka-doc/"
                       itemprop="url"
                       title="Theme Shoka Documentation">
                        <i class="ic i-flag"></i>Theme Shoka Documentation</a>
                </span>
            </div>
            <a href="/computer-science/note/theme-shoka-doc/" itemprop="url"
               title="Hexo主题Shoka &amp; multi-markdown-it渲染器使用说明" class="btn">more</a></div>
    </article>
</template>

<script>
export default {
    name: "ArticleCard"
}
</script>

<style scoped>

</style>
